//显示提示框，目前三个参数(txt：要显示的文本；time：自动关闭的时间（不设置的话默认1500毫秒）；status：默认0为错误提示，1为正确提示；)
function showTips(txt,time,status)
{
    var htmlCon = '';
    if(txt != ''){
        if(status != 0 && status != undefined){
            htmlCon = '<div class="tipsBox" style="width:220px;padding:10px;background-color:#4AAF33;border-radius:4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;color:#fff;box-shadow:0 0 3px #ddd inset;-webkit-box-shadow: 0 0 3px #ddd inset;text-align:center;position:fixed;top:25%;left:50%;z-index:999999;margin-left:-120px;"><img src="../img/ok.png" style="vertical-align: middle;margin-right:5px;" alt="OK，"/>'+txt+'</div>';
        }else{
            htmlCon = '<div class="tipsBox" style="width:220px;padding:10px;background-color:#D84C31;border-radius:4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;color:#fff;box-shadow:0 0 3px #ddd inset;-webkit-box-shadow: 0 0 3px #ddd inset;text-align:center;position:fixed;top:25%;left:50%;z-index:999999;margin-left:-120px;"><img src="../img/err.png" style="vertical-align: middle;margin-right:5px;" alt="Error，"/>'+txt+'</div>';
        }
        $('body').prepend(htmlCon);
        if(time == '' || time == undefined){
            time = 1500; 
        }
        setTimeout(function(){ $('.tipsBox').remove(); },time);
    }
}

$(function(){
    //AJAX提交以及验证表单
    $('#nextBtn').click(function(){
        var email = $('.email').val();
        var passwd = $('.passwd').val();
        var passwd2 = $('.passwd2').val();
        var verifyCode = $('.verifyCode').val();
        var EmailReg = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/; //邮件正则
        if(email == ''){
            showTips('请填写您的邮箱~');
        }else if(!EmailReg.test(email)){
            showTips('您的邮箱格式错咯~');
        }else if(passwd == ''){
            showTips('请填写您的密码~');
        }else if(passwd2 == ''){
            showTips('请再次输入您的密码~');
        }else if(passwd != passwd2 || passwd2 != passwd){
            showTips('两次密码输入不一致呢~');
        }else if(verifyCode == ''){
            showTips('请输入验证码~');
        }else{
            showTips('提交成功~ 即将进入下一步',2500,1);
            //此处省略 ajax 提交表单 代码...
        }
    });
    
    //切换步骤（目前只用来演示）
    $('.processorBox li').click(function(){
        var i = $(this).index();
        $('.processorBox li').removeClass('current').eq(i).addClass('current');
        $('.step').fadeOut(300).eq(i).fadeIn(500);
    });
});
